
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>成功</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <style type="text/css">
        html,
        body,
        ul,
        li,
        ol,
        dl,
        dd,
        dt,
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        form,
        img {
            margin: 0;
            padding: 0;
        }
        img {
            border: none;
        }
        body {
            color: #333;
            font: 12px/20px 'Microsoft Yahei', 'Simsun', 'Arial', sans-serif;
            background-color: #fff;
        }
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            clear:both;
        }
        .clearfix {
            zoom:1;
        }
        .clearit {
            clear: both;
            height: 0;
            font-size: 0;
            overflow: hidden;
        }
        a,
        a:link {
            color: #0d99ff;
            text-decoration:none;
        }
        a:visited {
            color: #0d99ff;
        }
        a:hover,
        a:active,
        a:focus {
            color: #0d99ff;
            text-decoration:none;
        }

        .main {
            margin: 30px auto;
            width: 80%;
            min-width: 1000px;
            min-height: 300px;
            position: relative;
        }
        .main .border {
            position: absolute;
        }
        .main .top-border,
        .main .bottom-border {
            height: 15px;
            width: 100%;
            background: url() 0 0 repeat-x;
            z-index: 1;
        }
        .main .top-border {
            background-position: -15px 0;
        }
        .main .bottom-border {
            bottom: 0;
        }
        .main .left-border,
        .main .right-border {
            width: 15px;
            height: 100%;
            background: url() 0 -14px repeat-y;
        }
        .main .left-border {
            background-position: 0 -14px;
        }
        .main .right-border {
            right: 0;
        }
        .main .content {
            padding: 40px 75px;
        }
        .main .content h1 {
            font-size: 25px;
            font-weight: bold;
            line-height: 41px;
            color: #1ab76a;
        }
        .main .content h2 {
            font-size: 12px;
            font-weight: normal;
            line-height: 20px;
            color: #1ab76a;
        }
        .main .line {
            left: 6px;
            top: 0;
            position: absolute;
            width: 3px;
            height: 100%;
            background-color: #f0aa08;
        }
        .main .line .top,
        .main .line .bottom {
            position: absolute;
            display: block;
            left: 0;
            width: 3px;
        }
        .main .line .top {
            top: -5px;
            height: 20px;
            background-image: -webkit-linear-gradient(top, #fff, #f0aa08);
            background-image: -moz-linear-gradient(top, #fff, #f0aa08);
            background-image: -moz-linear-gradient(to bottom, #fff, #f0aa08);
            background-image: -o-linear-gradient(to bottom, #fff, #f0aa08);
            background-image: linear-gradient(to bottom, #fff, #f0aa08);
            background-repeat: repeat;
        }
        .main .line .bottom {
            bottom: -5px;
            height: 80px;
            background-image: -webkit-linear-gradient(top, #f0aa08, #1ab76a, #fff);
            background-image: -moz-linear-gradient(top, #f0aa08, #1ab76a, #fff);
            background-image: -moz-linear-gradient(to bottom, #f0aa08, #1ab76a, #fff);
            background-image: -o-linear-gradient(to bottom, #f0aa08, #1ab76a, #fff);
            background-image: linear-gradient(to bottom, #f0aa08, #1ab76a, #fff);
            background-repeat: repeat;
        }
        .main .intruduction {

        }
        .main .intruduction p.title {
            color: #6f6f6f;
            padding: 14px 0;
        }
        .main .intruduction-box {
            position: relative;
            padding-left: 35px;
            margin: 27px 0;
        }
        .main .intruduction-box p {
            position: relative;
            line-height: 24px;
            font-size: 14px;
            padding: 11px 0;
        }
        .main .intruduction-box p i {
            content: "";
            background-color: #f0aa08;
            display: block;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            position: absolute;
            left: -35px;
            top: 15.5px;
        }
        .main .intruduction-box p.last-item i {
            background-color: #1ab76a;
        }

        .main .footer {
            margin-top: 33px;
            border-top: 1px solid #f1f1f1;
        }
        .main .footer p {
            color: #6f6f6f;
            padding: 28px 0 17px;
        }
        .main .footer .links a {
            float: left;
            display: inline;
            margin-right: 35px;
        }
    </style>
</head>
<body>
    <div class="main">
        <div class="border top-border"></div>
        <div class="border bottom-border"></div>
        <div class="border left-border"></div>
        <div class="border right-border"></div>
        <div class="content">
            <h1>恭喜，您的网站开启成功！</h1>
            <h2>肖虎威工作室版权所有</h2>
            <div class="intruduction">
                <p class="title">www.xiaohwuei.cn</p>
                <div class="intruduction-box">
                    <div class="line"><i class="top"></i><i class="bottom"></i></div>
                    <p class="item first-item"><i></i><a href="http://login.bcehost.com/login" target="_blank"></a>站点创建成功，本页面由系统自动生成。</p>
                    <p class="item"><i></i>本页面在FTP根目录下的index.html</p>
                    <p><i></i>您可以删除或覆盖本页面</p>
                    <p><i></i>我们为您提供了完善的数据备份功能，请到后台进行相关设置</p>
                    <p><i></i>肖虎威QQ：97902393</p>
                   
                </div>
            </div>
            <div class="footer">

                <div class="links clearfix">
                    <a href="https://blog.xiaohuwei.cn/" target="_blank">肖虎威博客</a>
                    <a href="https://xiaohuwei.cn/" target="_blank">工作室</a>
                   
                </div>
            </div>
        </div>
    </div>
</body>
</html>